<template>
  <div class="item" data-type="date" v-bind:class="[('w'+obj.property.selfWidth)]">
      <div class="hd" v-bind:class="[('i'+obj.property.titleWidth+'d6')]">
        <label class="tit">{{obj.property.title}}</label>
        <span class="required" v-show="obj.property.required">*</span>
        <span class="block muted">{{obj.property.intro}}</span>
        <v-handle v-bind:handle="obj.handle"></v-handle>
      </div>
      <div class="bd" v-bind:class="[('i'+(obj.property.titleWidth==6?6:6-obj.property.titleWidth)+'d6')]">
        <el-date-picker
          v-model="obj.value"
          type="datetime"
          :format="this.obj.property.date.dateFormat+' '+this.obj.property.date.timeFormat">
        </el-date-picker>
      </div>
    </div>
</template>

<script>
export default {
  props: ['obj'],
  data:function(){
    return {
    }
  },
  methods:{
    disabledDate:function(date){
      return false;
    }
  }
}
</script>
